<!DOCTYPE html>
<html class="login-bg">

	<head>
		<title>登陆</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="favicon.ico">
		<!-- bootstrap -->
		<link href="__PUBLIC__/static/css/bootstrap.min.css" rel="stylesheet">
		<!-- libraries -->
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/font-awesome.css">
		<!-- this page specific styles -->
		<link rel="stylesheet" href="__PUBLIC__/static/css/signin.css" type="text/css" media="screen" />
		<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
		<style type="text/css">
			.user_i {
				position: absolute;
				left: 10px;
				top: 9px;
				display: block;
				width: 6%;
			}
			
			#password {
				margin-bottom: 18px !important;
			}
			
			.user_c {
				position: absolute;
				left: 25px;
				top: 9px;
				display: block;
				width: 10%;
			}
			
			.inpt {
				padding-left: 40px !important;
			}
		</style>
	</head>

	<body>

		<div class="login-wrapper">
			<h1 style="color: red;">Course selection system</h1>
			<div class="box">
				<div class="content-wrap">
					<h6>登 录</h6>
					<form action="" method="post">

						<div style="position:relative;float: left;width: 100%;">

							<img class="user_i" src="__PUBLIC__/static/img/username.png" />

							<input id="username" autocomplete="off" class="form-control inpt" type="text" name="username" placeholder="用户名">
						</div>
						<div style="position:relative;float: left;width: 100%;">
							<img class="user_i" src="__PUBLIC__/static/img/pwd.png" />
							<input id="password" autocomplete="off" class="form-control inpt" type="password" name="password" placeholder="密码">
						</div>

						<div class="row">
							<div class="col-md-7" style="position:relative;float: left;"><img class="user_c" src="__PUBLIC__/static/img/code.png" /><input autocomplete="off" name="verificationCode" id="verificationCode" class="form-control inpt" type="text" placeholder="验证码"></div>
							<div class="col-md-5 text-left" onclick="refreshVerify()">
								<img style="width: 127px;cursor: pointer;margin-left: -9px;"  class="code_img" id="codeImg" alt="点击更换" title="点击更换" src="{:url('login/verify')}" />
							</div>
						</div>
						<span id="pomis_hint" class="pomis_hint"></span>

						<!--<a id="sub" class="btn btn-success" style="width: 100%;height: 40px;line-height: 30px;" href="#" >登 录  </a>-->
						<input id="sub" class="btn btn-success" style="width: 100%;height: 40px;line-height: 30px;" type="button" value="登 录" />
					</form>
				</div>
			</div>

			
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<script type="text/javascript">
			var CONTEXTPATH_PROJECT = '__PUBLIC__';
		</script>
		<script src="__PUBLIC__/static/js/jquery.min.js?v=2.1.4"></script>
		<script src="__PUBLIC__/static/js/plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/js/loading.js"></script>
		<script src="__PUBLIC__/static/js/login.js"></script>
		
		<script>
			function refreshVerify() {
				var ts = Date.parse(new Date()) / 1000;
				$('#codeImg').attr("src", "{:url('login/verify')}?id=" + ts);
			}
		</script>
	</body>

</html>